<template>
    <div class="list">
        <li class="item">A</li>
        <li class="item">B</li>
        <li class="item">C</li>
        <li class="item">D</li>
        <li class="item">E</li>
        <li class="item">F</li>
        <li class="item">G</li>
        <li class="item">H</li>
        <li class="item">I</li>
        <li class="item">J</li>
    </div>
</template>
<script>
export default {
    name: 'CityAlphabet',
};
</script>
<style lang="stylus" scoped>
@import '~@/assets/styles/varibles.styl'
  .list
    display flex
    flex-direction column
    justify-content center
    width .4rem
    position absolute
    top 1rem
    right 0rem
    bottom 0
    // background red
    .item
      list-style none
      line-height .44rem
      text-align center
      color $bgColor
</style>
